

.login{
	font-size:80%;
	font-family:Arial, Helvetica, sans-serif;
	position: relative;
	width:350px;
	height:100%;
	vertical-align:center; 
	margin: 0 auto;
}

.login_side{
	height: 170px;
	width:106px;
	padding: 0 10px 0 10px;
	float: left;
	border: 4px solid #ccc;
	border-right:none;
	-webkit-border-top-left-radius: 20px;
	-webkit-border-bottom-left-radius: 20px;
	-moz-border-radius-topleft: 20px;
	-moz-border-radius-bottomleft: 20px;
	border-top-left-radius: 20px;
	border-bottom-left-radius: 20px;

background: #026f80; /* Old browsers */
background: -moz-linear-gradient(top,  #026f80 0%, #012e35 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#026f80), color-stop(100%,#012e35)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #026f80 0%,#012e35 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #026f80 0%,#012e35 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #026f80 0%,#012e35 100%); /* IE10+ */
background: linear-gradient(top,  #026f80 0%,#012e35 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#b21a03', endColorstr='#012e35',GradientType=0 ); /* IE6-9 */


}

.login_inside h2, .login_side a{
	color: #FFF;
}
.login_inside p{
	line-height:.5em;
}

.login_inside h2{
	font-size:2em;
}
.login_inside a{
	font-size:.8em;
	text-decoration:none;
	border-bottom: double #B21A03 1px;
}

form {
	float: right;
    width: 185px;
    height: 130px;
    padding: 20px 15px;
    border: 4px solid #ccc;
    border-left: 1px solid #ccc;
    color: #000000;
    font-size:.8em;
 
	/*** Rounded Corners ***/
	-webkit-border-top-right-radius: 20px;
	-webkit-border-bottom-right-radius: 20px;
	-moz-border-radius-topright: 20px;
	-moz-border-radius-bottomright: 20px;
	border-top-right-radius: 20px;
	border-bottom-right-radius: 20px;
 
/* Opera 11.10+ */
background: -o-linear-gradient(top, rgba(228,228,230,1), rgba(153,153,153,1));

/* Firefox 3.6+ */
background: -moz-linear-gradient(top, rgba(228,228,230,1), rgba(153,153,153,1));

/* Chrome 7+ & Safari 5.03+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0, rgba(228,228,230,1)), color-stop(1, rgba(153,153,153,1)));

/* IE5.5 - IE7 */
filter: progid:DXImageTransform.Microsoft.Gradient(GradientType=0,StartColorStr=#FFE4E4E6,EndColorStr=#FF999999);

/* IE8 */
-ms-filter: "progid:DXImageTransform.Microsoft.Gradient(GradientType=0,StartColorStr=#FFE4E4E6,EndColorStr=#FF999999)"
 
}

input {
    width: 170px;
    background: #f8f8f8;
    padding: 6px;
    margin-bottom: 10px;
    border-top: 0px;
    border-left: 0px;
    border-right: 0px;
    border-bottom: 1px solid #ffffff;

    /*** Transition Selectors - What properties to animate and how long ***/
    -webkit-transition-property: -webkit-box-shadow, background;
    -webkit-transition-duration: 0.25s;

    -webkit-box-shadow: inset 0px 1px 3px 0px #444;
	-moz-box-shadow: inset 0px 1px 3px 0px #444;
	box-shadow: inset 0px 1px 3px 0px #444;

	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
}

.submit{
    width: 100px;
    float: right;
    background: #012e35;
    padding: 4px;
    margin: 10px;
    border-top: 1px solid #012e35;
    border-left: 1px solid #012e35;
    border-right: 0px;
    border-bottom: 0px;
    cursor: pointer;
    color: #FFF;
    font-size:1.5em;

    /*** Transition Selectors - What properties to animate and how long ***/
    -webkit-transition-property: -webkit-box-shadow, background;
    -webkit-transition-duration: 0.25s;

    -webkit-box-shadow: 0px 1px 3px 0px #666;
	-moz-box-shadow: 0px 1px 3px 0px #666;
	box-shadow: 0px 1px 3px 0px #666;

	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
}